@charset "utf-8";
/**
 * @Creation date:2011-11-07
 * @Explanation:共享名品页面相关样式
 * @Attention:任何一个页面，必须最先引用base.css样式，再引用该样式！
 * @Author:ChenJunYong<tenjessy@gmail.com>
 */

/**
 * S 名品推荐区域
 */
.famous-recom li { float:left; }
.famous-recom .col-1 { width:200px; }
.famous-recom .col-2 { width:400px; }
.famous-recom .col-3 { width:400px; }
.famous-recom .img { float:left; }

/**
 * S 名品列表
 */
.famous-brand .hd { padding:7px; background:url(../img/famous_bg.png) no-repeat 0px 0px; }
.famous-brand .control { width:832px; height:40px; margin:0px auto; font:500 16px/40px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53" }
.famous-brand .control li { position:relative; float:left; display:inline; width:74px; height:40px; margin:0px 15px; text-align:center; }
.famous-brand .control a { display:block; height:40px; }
.famous-brand .control b { display:none; position:absolute; bottom:0px; left:45%; width:0px; height:0px; border:5px solid; border-color:#ffffff #ffffff #970000 #ffffff; font-size:0px; overflow:hidden; }
.famous-brand .control .cur b { display:block; }
.famous-brand .show-area { width:998px; padding:0px 1px; overflow:hidden; }
.famous-brand .show-area .cur { display:block; }
.famous-pro-list { display:none; width:1100px; }
.famous-pro-list li { float:left; width:170px; height:224px; margin:5px 17px 12px 0px; padding:7px 7px 5px 7px; border:1px solid  #dddddd; }
.famous-pro-list .img { display:block; }
.famous-pro-list .img img { width:170px; height:170px; }
.famous-pro-list .n { width:170px; padding:12px 0px 0px 0px; line-height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.famous-pro-list .price { height:20px; padding:2px 0px; line-height:20px; color:#c50001; }
.famous-pro-list .price span { padding:0px 4px 0px 0px; }

/**
 * S 名品商家logo
 */
.famous-logo .bd { position:relative; height:284px; }
.famous-logo-list { position:relative; width:972px; height:282px; padding:1px; margin:0px auto; overflow:hidden; }
.famous-logo-list ul { position:absolute; top:1px; left:1px; width:2916px; }
.famous-logo-list li { float:left; width:972px; height:282px; }
.famous-logo-list img { float:left; width:160px; height:92px; border:1px solid #fafafa; }
.famous-logo .prev,.famous-logo .next { position:absolute; top:39%; width:36px; height:60px; background:#666666 url(../img/famous_bg.png) no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; }
.famous-logo .prev { left:0px; background-position:0px -55px; }
.famous-logo .next { right:0px; background-position:-37px -55px; }